<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0" />
		<meta name="author" content="李向维" />
		<meta name="description" content="响应式实战,仿兰途科技" />
		<title>兰途科技</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/meadiaIndex.css" />
		<link rel="shortcut icon" href="img/fav.ico" />
	</head>

	<body>
		<!--header  start-->
		<header>
			<div class="top-nav clearfix">
				<div class="logo">
					<img src="img/logo.png" width="132" height="37" />
				</div>
				<div class="nav">
					<!--电脑端-->
					<ul class="nav-pc clearfix">
						<li>
							<a href="index.html" class="on">首页</a>
						</li>
						<li>
							<a href="">移动校园</a>
						</li>
						<li>
							<a href="">经典案例</a>
						</li>
						<li>
							<a href="">公司动态</a>
						</li>
						<li>
							<a href="">招贤纳士</a>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
					</ul>
					<!--手机端-->
					<ul class="nav-mobile clearfix">
						<li>
							<a href="index.html" class="on">首页</a>
						</li>
						<li>
							<a href="">移动校园</a>
						</li>
						<li>
							<a href="">经典案例</a>
						</li>
						<li id="m-btn"><span onselectstart="return false">更多<img src="img/nav_icon.png"/></span>
							<ul class="more">
								<li>行业新闻</li>
								<li>招贤纳士</li>
								<li>联系我们</li>
								<li>兰途家族</li>
							</ul>
						</li>
					</ul>
				</div>

			</div>
		</header>
		<!--header end-->
		<!--banner start-->
		<div id="banner">
			<ul class="pic">
				<li class="pic-li on">
					<div class="li-video">
						<div class="video-wrap">
							<video src="img/v1.mp4" controls="controls"></video>
							<div class="video-icon"></div>
						</div>
					</div>
					<div class="li-logo">
						<img src="img/b3_d3.png" />
					</div>
				</li>
				<li class="pic-li">
					<div class="li-middle-l">
						<img src="img/b1_d1.png">
						<img src="img/b1_d2.png" />
						<img src="img/b1_d3.png" />
					</div>
					<div class="li-middle-r">
						<img src="img/ih1.png">
					</div>
				</li>
				<li class="pic-li">
					<div class="li-last-l">
						<img src="img/ih2.png" />
					</div>
					<div class="li-last-r">
						<img src="img/b2_d1.png" />
						<img src="img/b2_d2.png" />
						<img src="img/b2_d3.png" />
					</div>
				</li>
			</ul>
			<ul class="pic-btns">
				<li><img src="img/b_dot_s.png" data-id="0" /></li>
				<li><img src="img/b_dot.png" data-id="1" /></li>
				<li><img src="img/b_dot.png" data-id="2" /></li>
			</ul>
		</div>
		<!--banner end-->
		<!--classic start-->
		<div id="classic">
			<div class="title">
				<h1><img src="img/t_c.png"/></h1>
				<h1>经典案例</h1>
			</div>
            <div class="list">
            	<div class="box">
            		<ul class="clearfix phone-pic">
            			<li><a href=""><img src="img/i1.png"/></a></li>
            			<li><a href=""><img src="img/i2.png"/></a></li>
            			<li><a href=""><img src="img/i3.png"/></a></li>
            			<li><a href=""><img src="img/i4.png"/></a></li>
            			<li><a href=""><img src="img/i5.png"/></a></li>
            			<li><a href=""><img src="img/i6.png"/></a></li>
            			<li><a href=""><img src="img/i7.png"/></a></li>
            			<li><a href=""><img src="img/i8.png"/></a></li>
            			<li><a href=""><img src="img/i9.png"/></a></li>
            		</ul>
            	   <div class="c-btn left"><img src="img/t_l.png"/></div>
		           <div class="c-btn right"><img src="img/t_r.png"/></div>
		           <ul class="clearfix dots">
		           	  <li><img src="img/b_dot.png"/></li>
		           	  <li><img src="img/b_dot.png"/></li>
		           	  <li><img src="img/b_dot.png"/></li>
		           	  <li><img src="img/b_dot.png"/></li>
		           	  <li><img src="img/b_dot_s.png"/></li>
		           	  <li><img src="img/b_dot.png"/></li>
		           	  <li><img src="img/b_dot.png"/></li>
		           	  <li><img src="img/b_dot.png"/></li>
		           	  <li><img src="img/b_dot.png"/></li>
		           </ul>
            	</div>

            </div>		

		</div>
		<!--classic end-->
		<!--partner start-->
		<div id="partner">
			<div class="title">
				<h1><img src="img/rd.png"/></h1>
				<h1>研发伙伴</h1>
			</div>
			<div class="p-wrap">
				<ul class="clearfix">
					<li><img src="img/rd1.jpg"/></li>
					<li><img src="img/rd2.jpg"/></li>
					<li><img src="img/rd3.jpg"/></li>
				</ul>
			</div>
		</div>
		<!--partner end-->
		<footer>
			<ul class="clearfix">
				<li>备案号：蜀ICP备13025447号-1</li>
				<li>©2013-2017 版权所有</li>
				<li>成都兰途网络科技有限公司</li>
			</ul>
		</footer>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/nav.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</body>

</html>